Closed Bug 1955449 Opened 2 months ago Closed 13 days ago

Create documentation for updating Figma Code Connect

Categories

(Toolkit :: UI Widgets, task)

task

Tracking

()

RESOLVED FIXED
140 Branch
Tracking Status
firefox140 --- fixed

People

(Reporter: mstriemer, Assigned: tgiles)

References

(Blocks 2 open bugs)

Details

(Whiteboard: [recomp])

Attachments

(1 file)

The Code Connect docs have info on how to do this, but we should at least link to them and describe how these files are maintained/published.

Publish basics:

npm install --global @figma/code-connect@latest
export FIGMA_ACCESS_TOKEN='my-access-token'
npx figma connect publish

Create a page basics:

  1. Go to Figma, find a root component, copy the link
  2. npx figma connect create <that_url>
  3. Modify the file somehow, put it in its corresponding component folder like <widget-name>.figma.ts
  4. Publish it/file a bug/land the file
Assignee: nobody → tgiles
Status: NEW → ASSIGNED
Blocks: 1966783
Pushed by tgiles@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/37ce940b027f Add Code Connect docs to Storybook and Firefox Source Docs. r=reusable-components-reviewers,hjones,mkennedy
Status: ASSIGNED → RESOLVED
Closed: 13 days ago
Resolution: --- → FIXED
Target Milestone: --- → 140 Branch
QA Whiteboard: [qa-triage-done-c141/b140]
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: